

<!-- 砍价详情 -->
<template>
	<view>
		
		<!-- header部分 -->
		<view class='header-Container header-height'>
			<view class="header-bg"></view>
			<navHeader pageTitle="砍价详情" colorTheme="black">
			</navHeader>
		</view>
		
		
		<!-- 商品详情 -->
		<view class="goodsList-Container">
			<view class="goodsList-Item">
				<image class="goodsCover" :src="imgSite + bargainDetailInfo.coverPicture" mode=""></image>
				<view class="goodsInfo">
					<view class="goodsName ellipsis2">
						{{bargainDetailInfo.goodsName}}
					</view>
					<view class="percent-Container">
						<view class="percentOut">
							<view class="percentIn" :style="{width: bargainDetailInfo.grabPercentage+'%'}">
							</view>
							<view class="percentText">
								已抢{{bargainDetailInfo.grabPercentage}}%
							</view>
						</view>
						<view class="surplusText">
							仅剩{{bargainDetailInfo.stock}}件
						</view>
					</view>
					<view class="price-Container">
						<view class="priceOut">
							<view class="activityPrice">
								<text class="money-icon">可砍至￥</text>
								<text class="price-int">{{bargainDetailInfo.lowestPrice / 100}}</text>
								<!-- <text class="price-float">.00</text> -->
							</view>
							<view class="marketPrice">
								单买价￥{{bargainDetailInfo.activityMarketPrice / 100}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<!-- 砍价信息 -->
		<view class="bargainInfo-Container">
			<view v-if="bargainDetailInfo.bargainStatus == 0" class="cutStillBad-Container">
				已砍<text class="moneyText">{{bargainDetailInfo.toCut / 100}}</text>元，还差<text class="moneyText">{{bargainDetailInfo.stillBad / 100}}</text>元
			</view>
			<view v-else class="cutStillBad-Container">
				已砍成，可<text class="moneyText">{{bargainDetailInfo.lowestPrice / 100}}</text>元购买
			</view>
			<view class="processBar-Container">
				<view class="processBarBg" :style="{width: bargainDetailInfo.toCutPercentage+'%'}">
					<image :src="icon.fullBarBg" mode="aspectFill"></image>
				</view>
			</view>
			<view class="bargainTip-Container">
				<view>
					本商品库存已经所剩无几，请尽快邀请好友进行砍价，
				</view>
				<view>
					商品库存消耗完后砍价将自动失效
				</view>
			</view>
			<view class="bargainOne-Container">
				
				<view v-if="shareOpenFlag">
					<image @click="goOnBargainHandler()" class="bargainBtn" :src="icon.bargainBtn"></image>
				</view>
				<view v-else>
					
					<!-- 0进行中; 1成功; 2失败; 3已提交订单 -->
					<view v-if="bargainDetailInfo.bargainStatus == 1">
						<image @click="goBuyNowHandler()" class="bargainBtn" :src="icon.buyNowBtn"></image>
					</view>
					<view v-else-if="bargainDetailInfo.bargainStatus == 0">
						<image v-if="bargainDetailInfo.isBargain" @click="goOnBargainHandler()" class="bargainBtn" :src="icon.bargainBtn"></image>
						<image v-else @click="shareOtherHandler()" class="bargainBtn" :src="icon.shareBargainBtn"></image>
					</view>
				</view>
			</view>
			<view class="endDt-Container">
				还剩
				<view class="timeText">
					<uni-countdown color="#E01327" background-color="#FFFFFF" border-color="#FFFFFF" :show-day="true" :day="countDownDay" :hour="countDownHour" :minute="countDownMinute" :second="countDownSeconds"></uni-countdown>
				</view>砍价过期，快邀请好友砍价吧！
			</view>
		</view>
		
		
		<!-- 砍价记录 -->
		<view class="myBargain-Container">
			<view class="title-Container borderOneRpx">
				<image class="logo" :src="icon.bargainLogo" mode=""></image>
				<view class="title">
					砍价记录
				</view>
				<image class="logo" :src="icon.bargainLogo" mode=""></image>
			</view>
			
			<view class="all_blocks">
				<view class="block" v-for="item of bargainRecordList" :key="item.id" @click="test(item)">
					<image class="userAvatar" :src="imgSite + item.headSculpture"></image>
					<view class="left">
						<view class="name ellipsis1">{{item.telephone}}</view>
						<view class="time">{{item.createDt | formatDateTime}}</view>
					</view>
					<view class="right">
						<view class="price">
							砍掉{{item.bargainPrice / 100}}元
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<!-- 邀请好友 -->
		<view v-if="shareOtherbargain" class="bargainSuccess-OutContainer">
			<view class="shareOtherbargain-Container">
				<image class="shareOtherBg" :src="icon.shareOtherBg"></image>
				<view class="shareTips">
					邀请好友每日最多可额外获得<text class="times">{{bargainDetailInfo.maximum}}次</text>砍价次数， 同时好友也可为您砍价呦~
				</view>
				
				<!-- #ifdef APP-PLUS || H5 -->
				<view @click="shareWXSceneSession()" class="shareOtherBtn-Container">
					<image class="shareOtherBtn" :src="icon.shareOtherBtn"></image>
					<view class="shareOtherText">
						帮我砍价赢奖励
					</view>
				</view>
				<!-- #endif -->
				
				<!-- #ifdef MP-WEIXIN -->
				<view class="shareOtherBtn-Container">
					<image class="shareOtherBtn" :src="icon.shareOtherBtn"></image>
					<view class="shareOtherText">
						帮我砍价赢奖励
					</view>
					<button type="default" open-type="share"></button>
				</view>
				<!-- #endif -->
				
				<image @click="closeShareOtherbargain()" class="closeShareBtn" :src="icon.closeShareBtn"></image>
			</view>
		</view>
		
		
		<!-- 砍价成功 -->
		<view v-if="bargainSuccess" class="bargainSuccess-OutContainer">
			<view class="bargainSuccess-InnerContainer">
				<image class="bargainSuccessBg" :src="icon.bargainSuccessBg"></image>
				
				<view class="cutStillBad-Container">
					你已砍了<text class="moneyText">{{bargainDetailInfo.toCut / 100}}</text>元
				</view>
				<view class="processBar-Container">
					<view class="processBarBg" :style="{width: bargainDetailInfo.toCutPercentage+'%'}">
					</view>
				</view>
				<view class="oneMoreTime-Container">
					分享给好友，可以<text class="oneMoreTime">多砍一刀</text>哦
				</view>
			
				<!-- #ifdef APP-PLUS || H5 -->
				<view @click="shareWXSceneSession()" class="shareWx-Container">
					<image class="shareWxBtn" :src="icon.shareWxBtn"></image>
					<view class="shareWxText">
						分享给微信好友
					</view>
				</view>
				<!-- #endif -->
				
				<!-- #ifdef MP-WEIXIN -->
				<view class="shareWx-Container">
					<image class="shareWxBtn" :src="icon.shareWxBtn"></image>
					<view class="shareWxText">
						分享给微信好友
					</view>
					<button type="default" open-type="share"></button>
				</view>
				<!-- #endif -->
				
				
				<!-- 一刀暴击&即将砍成 -->
				<view v-if="firstFlag == 1" class="bargainFullTip">
					一刀暴击
				</view>
				<view v-else class="bargainFullTip">
					<text v-if="bargainDetailInfo.bargainStatus == 1">
						已砍成
					</text>
					 <text v-else>
						即将砍成
					 </text>
				</view>
			</view>
			
			<image @click="closeBargainSuccess()" class="closeBtn" :src="icon.closeBtn"></image>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	
	import uniCountdown from '@/components/uni-countdown/uni-countdown';
	import navHeader from '@/components/nav-header/nav-header';
	
	export default {
		components: {
			uniCountdown,
			navHeader
		},
		filters: {
			
			// 时间格式化
			formatDateTime: function(date) {
				
				var date = new Date(date);
				var YY = date.getFullYear() + '.';
				var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '.';
				var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
				var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
				var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
				var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
				
				return YY + MM + DD + "  " + hh + mm + ss;
			}
		},
		computed: {
			...mapState(['imgSite', 'hasLogin', 'url'])
		},
		onShareAppMessage() {
			
			var that = this;
			
			//用户信息
			var nickName = "";
			const tokenInfo = uni.getStorageSync('tokenInfo');
			if (tokenInfo) {
				nickName = JSON.parse(tokenInfo).nickName;
			}
			
			var goodsName = that.bargainDetailInfo.goodsName;
			var bargainId = that.bargainDetailInfo.bargainId;
			
			//分享调用接口
			that.shareCountHander(bargainId);
			
		    return {
				title: '我正在构购电商平台低价购买商品, 快来查看',
				path: "/pagesGoods/specialArea/bargainArea/bargainOpen?shareName="+nickName+"&goodsName=?"+goodsName+"&bargainId="+bargainId,
				imageUrl: that.imgSite + '/s/20210125/37jodmjvvwuk.png'
		    }
		},
		data() {
			return {
				icon:{
					fullBarBg: '/pagesGoods/static/images/specialArea/bargainArea/fullBarBg.png',
					bargainBtn: '/pagesGoods/static/images/specialArea/bargainArea/bargain.png',
					shareBargainBtn: '/pagesGoods/static/images/specialArea/bargainArea/shareBargain.png',
					buyNowBtn: '/pagesGoods/static/images/specialArea/bargainArea/buyNow.png',
					bargainLogo: '/pagesGoods/static/images/specialArea/bargainArea/bargainLogo.png',
					secondsLogo: '/pagesGoods/static/images/specialArea/seckillArea/logo.png',
					bargainSuccessBg: '/pagesGoods/static/images/specialArea/bargainArea/bargainSuccessBg.png',
					shareOtherBg: '/pagesGoods/static/images/specialArea/bargainArea/shareOtherBg.png',
					shareOtherBtn: '/pagesGoods/static/images/specialArea/bargainArea/shareOtherBtn.png',
					closeShareBtn: '/pagesGoods/static/images/specialArea/bargainArea/closeShareBtn.png',
					shareWxBtn: '/pagesGoods/static/images/specialArea/bargainArea/shareWxBtn.png',
					closeBtn: '/pagesGoods/static/images/specialArea/bargainArea/closeBtn.png',
				},
				
				//砍价信息
				shareOpenFlag: false,
				shareOtherbargain: false,
				bargainSuccess: false,
				countDownDay: 0,
				countDownHour: 0,
				countDownMinute: 0,
				countDownSeconds: 0,
				bargainDetailInfo: {},
				
				//砍价记录
				firstFlag: 0,
				bargainId: "",
				bargainRecordList: [],
				
				//分页相关
				pageNum: 1,
				pageSize: 10
			};
		},
		onLoad(options) {
			
			var that = this;
			that.firstFlag = options.firstFlag;
			that.bargainId = options.bargainId;
			
			if(that.firstFlag == 1) {
				that.bargainSuccess = true;
			}
		},
		onShow() {
			if(this.firstFlag != 1) {
				this.bargainSuccess = false;
			}
			
			this.shareOtherbargain = false;
			
			//砍价详情
			this.getBargainDetailInfo();
			
			//砍价记录
			this.getBargainRecordList();
		},
		methods: {
			
			//继续砍价
			goOnBargainHandler() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/bargainApi',
					method: "POST",
					data: {
						bargainId: that.bargainId
					},
					success: function(res) {
						if(res.data.success) {
							that.firstFlag = 0;
							
							that.getBargainDetailInfo(function() {
								that.bargainSuccess = true;
							});
							that.getBargainRecordList();
						}
					},
				});
			},
			
			
			//帮我砍价赢奖励
			shareOtherHandler() {
				this.shareOtherbargain = true;
			},
			closeShareOtherbargain() {
				this.shareOtherbargain = false;
			},
			
			
			//邀请好友砍一刀
			shareWXSceneSession() {
				
				var that = this;
				
				//用户信息
				var nickName = "";
				const tokenInfo = uni.getStorageSync('tokenInfo');
				if (tokenInfo) {
					nickName = JSON.parse(tokenInfo).nickName;
				}
				
				var goodsName = that.bargainDetailInfo.goodsName;
				var bargainId = that.bargainDetailInfo.bargainId;
				
				
				// #ifdef H5
				uni.setClipboardData({
					data: encodeURI(that.url + "#/pagesGoods/specialArea/bargainArea/bargainOpen?shareName="+nickName+"&goodsName=?"+goodsName+"&bargainId="+bargainId),
					success: function () {
					    that.$api.msg("复制成功,去微信粘贴分享！");
					}
				});
				// #endif
				
				// #ifdef APP-PLUS
				uni.share({
					provider: "weixin",
					scene: "WXSceneSession",
					type: 0,
					href: that.url + "#/pagesGoods/specialArea/bargainArea/bargainOpen?shareName="+nickName+"&goodsName=?"+goodsName+"&bargainId="+bargainId,
					title: "构购",
					summary: "我正在构购电商平台低价购买商品, 快来查看",
					imageUrl: that.imgSite + '/s/20210125/37jodmjvvwuk.png',
					success: function(res) {
						//分享调用接口
						that.shareCountHander(bargainId);
					},
					fail: function(err) {
						console.log("fail:" + JSON.stringify(err));
					}
				});
				// #endif
			},
			
			
			//分享调用接口
			shareCountHander(bargainId) {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/bargainSharingWeChatFriendsApi',
					method: "POST",
					data: {
						bargainId: bargainId
					},
					success: function(res) {
						if(res.data.success) {
							//砍价详情
							that.getBargainDetailInfo();
						}
					},
				});
			},
			
			
			//立即购买
			goBuyNowHandler() {
				
				var that = this;
				
				var addChannel = 0;//10:PC 20:WAP 30:APP 40：小程序
				
				// #ifdef H5
				addChannel = 20;
				// #endif
				// #ifdef APP-PLUS
				addChannel = 30;
				// #endif
				// #ifdef MP-WEIXIN
				addChannel = 40;
				// #endif

				
				var goodsInfo = this.bargainDetailInfo;
				
				var addFlag = 20;
				var url = "/ShopCartApi/addShopCartFastBuyForApi";
				
				var goodsId = goodsInfo.goodsId;
				var vendorId = goodsInfo.vendorId;
				var activityId = goodsInfo.activityId;
				that.$api.globalUtil.requestAjax({
					url: url,
					method: "POST",
					data: {
						goodsId: goodsId, //商品SKU
						shopId: vendorId, //店铺id
						activityId: activityId, //活动id
						num: 1, //加入数量
						addChannel: addChannel,//加入渠道 10:PC 20:WAP 30:APP 40：小程序
						addFlag: addFlag //加入标识 10:加入购物车 20:立即购买
					},
					success: function(res) {
						if(res.data.success) {
							
							var flag = res.data.response.shopCartSplitForms[0].type == 10 ? 0 : 1;
							uni.setStorageSync('shopCartData', JSON.stringify(res.data.response.shopCartSplitForms));
							
							uni.navigateTo({
								url: '/pagesOrder/createOrder?taxationFlag='+flag+'&bargainId='+goodsInfo.bargainId
							});
						}
					}
				});
			},
			
			
			//砍价详情
			getBargainDetailInfo(callBack) {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/bargainDetailsApi',
					method: "POST",
					data: {
						bargainId: that.bargainId
					},
					success: function(res) {
						if(res.data.success) {
							
							that.bargainDetailInfo = res.data.response;
							
							var countDown = that.$api.globalUtil.startTimeFormate(that.bargainDetailInfo.expireDt);
							that.countDownDay = countDown['day'];
							that.countDownHour = countDown['hour'];
							that.countDownMinute = countDown['minute'];
							that.countDownSeconds = countDown['seconds'];
							
							//显示按钮控制
							var customerId = "";
							const tokenInfo = uni.getStorageSync('tokenInfo');
							if (tokenInfo) {
								customerId = JSON.parse(tokenInfo).customerId;
							}
							
							if(!that.hasLogin) {
								that.shareOpenFlag = true;
							}else if(customerId != that.bargainDetailInfo.createUid){
								that.shareOpenFlag = true;
							}else {
								that.shareOpenFlag = false;
							}
							
							
							//砍价后回调
							if(callBack) {
								callBack();
							}
						}
					},
				});
			},
			
			//砍价记录
			getBargainRecordList() {
				
				var that = this;
				that.$api.globalUtil.requestAjax({
					url: '/ActivityApi/bargainingRecordApi',
					method: "POST",
					data: {
						bargainId: that.bargainId
					},
					success: function(res) {
						if(res.data.success) {
							
							if(res.data.response.results.length) {
								that.bargainRecordList = res.data.response.results;
							}else {
								that.$api.msg("没有更多数据！");
							}
						}
					},
				});
			},
				
				
			//关闭成功提示
			closeBargainSuccess() {
				this.bargainSuccess = false;
			}
		}
	}
</script>

<style>
	page {
		background-color: #F5F5F5;
	}
</style> 
<style lang="scss" scoped>
	
	// header部分
	.header-Container {
		width: 100%;
		height: 176rpx;
		overflow: hidden;
		box-shadow: 0px 1rpx 1rpx 0px rgba(0, 0, 0, 0.08);
		background: rgba(255, 255, 255, 1);
		
		.header-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			// background:#FE5E49;
		}
	
		.leftBtns {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
	
			.back {
				margin-left: 17rpx;
				width: 44rpx;
				height: 44rpx;
			}
		}
	
		.title {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
			line-height: 86rpx;
			text-align: center;
			font-size: 36rpx;
			color: rgba(51, 51, 51, 1);
		}
	}
	
	
	//砍价商品
	.goodsList-Container {
		width: 100%;
		height: auto;
		border-radius:0px 0px 16rpx 16rpx;
		background: #FFFFFF;
		
		.goodsList-Item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0 auto;
			padding: 0 30rpx;
			width: 100%;
			height: 296rpx;
			border-radius:0px 0px 16rpx 16rpx;
			background:rgba(255,255,255,1);
			
			.goodsCover {
				width: 260rpx;
				height: 260rpx;
			}
			
			.goodsInfo {
				display: flex;
				flex-direction: column;
				padding: 16rpx 0 24rpx 0;
				width: 376rpx;
				height: 260rpx;
				
				.goodsName {
					height: 72rpx;
					line-height:36rpx;
					font-size:26rpx;
					color:rgba(51,51,51,1);
				}
				
				.percent-Container {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 24rpx;
					
					.percentOut {
						display: flex;
						align-items: center;
						justify-content: space-between;
						position: relative;
						overflow: hidden;
						width:240rpx;
						height:24rpx;
						background:rgba(255,172,180,1);
						border-radius:12rpx;
						
						.percentIn {
							height:24rpx;
							background:rgba(224,19,39,1);
							border-radius:12rpx;
						}
						
						.percentText {
							position: absolute;
							left: 0;
							top: 0;
							width:240rpx;
							height:24rpx;
							line-height: 24rpx;
							text-align: center;
							font-size:18rpx;
							color:rgba(255,255,255,1);
						}
					}
					
					.surplusText {
						margin-right: 10rpx;
						font-size:20rpx;
						color:rgba(153,153,153,1);
					}
				}
				
				.price-Container {
					margin-top: auto;
					width: 100%;
					height: 58rpx;
					
					.priceOut {
						display: flex;
						align-items: flex-end;
						justify-content: space-between;
						width: 100%;
						height: 100%;
						
						.activityPrice {
							display: flex;
							align-items: flex-end;
							justify-content: space-between;
							color: #D21728;
							
							.money-icon {
								display: inline-block;
								font-size: 24rpx;
								font-weight: 500;
								color: rgba(210, 23, 40, 1);
							}
							.price-int {
								display: inline-block;
								font-size: 32rpx;
								color: rgba(210, 23, 40, 1);
							}
							.price-float {
								display: inline-block;
								font-size: 24rpx;
								color: rgba(210, 23, 40, 1);
							}
						}
						
						.marketPrice {
							font-size: 22rpx;
							color: #999999;
						}
					}
				}
			}
		}
	}
	
	
	//砍价信息
	.bargainInfo-Container {
		display: flex;
		flex-direction: column;
		margin-top: 20rpx;
		width:100%;
		height:420rpx;
		background:rgba(255,255,255,1);
		border-radius:16rpx;
		
		.cutStillBad-Container {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 102rpx;
			font-size: 30rpx;
			color: #333333;
			
			.moneyText {
				font-size: 36rpx;
				color: #E01327;
			}
		}
		
		.processBar-Container {
			position: relative;
			margin: 0 auto;
			width:660rpx;
			height:32rpx;
			background:rgba(255,238,215,1);
			border-radius:16rpx;
			
			.processBarBg {
				position: relative;
				overflow: hidden;
				height:32rpx;
				border-radius:16rpx;
				
				image {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
			}
		}
		
		.bargainTip-Container {
			margin-top: 20rpx;
			line-height:30rpx;
			text-align: center;
			font-size: 20rpx;
			color: #E01327;
		}
		
		.bargainOne-Container {
			position: relative;
			margin: 0 auto;
			margin-top: 20rpx;
			width: 500rpx;
			height: 124rpx;
			
			.bargainBtn {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			
			.bargainText {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				line-height: 100rpx;
				text-align: center;
				font-size: 34rpx;
				color: #FFFFFF;
			}
		}
		
		.endDt-Container {
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			font-size: 22rpx;
			color: #333333;
			
			.timeText {
				color: #E01327;
			}
		}
	}
	
	
	//砍价记录
	.myBargain-Container {
		box-sizing: content-box;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 20rpx;
		width:100%;
		background:rgba(255,255,255,1);
		border-radius:16rpx 16rpx 0 0;
		
		.title-Container {
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			margin: 0 auto;
			width:690rpx;
			height:110rpx;
			border-radius:16rpx 16rpx 0px 0px;
			
			&.borderOneRpx:after {
				border-left: 0;
				border-top: 0;
				border-right: 0;
				border-color: #EEEEEE;
			}
			
			.logo {
				width: 33rpx;
				height: 31rpx;
			}
			
			.title {
				margin: 0 16rpx;
				line-height: 80rpx;
				font-size: 30rpx;
				color: #333333;
			}
		}
		
		//砍价记录
		.all_blocks{
			margin-top: 20rpx;
			background-color: white;
			width: 100%;
			border-radius: 16rpx;
			padding-left: 30rpx;
			.block:last-child{
				border-bottom: none;
			}
			.block{
				display: flex;
				align-items: center;
				box-sizing: content-box;
				padding: 20rpx 0;
				width: 690rpx;
				height: 80rpx;
				
				border-bottom: 1rpx solid #eee;
				
				.userAvatar {
					width:80rpx;
					height:80rpx;
					background:rgba(255,255,255,1);
					border:1rpx solid rgba(210,23,40,1);
					border-radius:50%;
				}
				
				.left{
					display: flex;
					flex-direction: column;
					justify-content: center;
					margin-left: 24rpx;
					height: 100%;
					
					.name{
						color: #333333;
						font-size: 26rpx;
					}
					.time{
						color: #999999;
						font-size: 22rpx;
						margin-top: 20rpx;
					}
				}
				
				.right{
					margin-left: auto;
					height: 100%;
					display: flex;
					align-items: center;
					flex-direction: row-reverse;
					
					.price{
						text-align: right;
						color: #333333;
						font-size: 28rpx;
					}
				}
			}
		}
	}
	
	
	//邀请好友
	.shareOtherbargain-Container {
		position: relative;
		width: 600rpx;
		height: 536rpx;
		
		.shareOtherBg {
			position: absolute;
			left: 0;
			top: 0;
			width: 600rpx;
			height: 536rpx;
		}
		
		.shareOtherBtn-Container {
			position: absolute;
			bottom: 44rpx;
			left: 50%;
			margin-left: -256rpx;
			width: 512rpx;
			height: 82rpx;
			
			.shareOtherBtn {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			
			.shareOtherText {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				line-height: 82rpx;;
				text-align: center;
				font-size: 36rpx;
				color: #FFFFFF;
			}
			
			button {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
			}
		}
		
		.shareTips {
			position: absolute;
			top: 286rpx;
			left: 50%;
			margin-left: -264rpx;
			width: 528rpx;
			text-align: center;
			font-size: 28rpx;
			color: #333333;
			
			.times {
				color: #E01327;
			}
		}
		
		.closeShareBtn {
			position: absolute;
			top: 156rpx;
			right: 24rpx;
			width: 40rpx;
			height: 40rpx;
		}
	}
	
	
	//砍价成功
	.bargainSuccess-OutContainer {
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background:rgba(0,0,0,0.7);
		
		.bargainSuccess-InnerContainer {
			position: relative;
			width: 690rpx;
			height: 730rpx;
			
			.bargainSuccessBg {
				width: 100%;
				height: 100%;
			}
			
			.cutStillBad-Container {
				display: flex;
				align-items: flex-end;
				justify-content: center;
				position: absolute;
				top: 176rpx;
				width: 100%;
				text-align: center;
				font-size: 40rpx;
				color: #333333;
				
				.moneyText {
					font-size: 60rpx;
					color: #F9610F;
				}
			}
			
			.processBar-Container {
				position: absolute;
				top: 290rpx;
				left: 50%;
				margin-left: -206rpx;
				width:412rpx;
				height:28rpx;
				background:#F8CDAC;
				border-radius:16rpx;
				
				.processBarBg {
					position: relative;
					overflow: hidden;
					height:28rpx;
					border-radius:16rpx;
					background-color: #E01327;
				}
			}
			
			.oneMoreTime-Container {
				position: absolute;
				top: 348rpx;
				left: 0;
				width: 100%;
				text-align: center;
				font-size: 28rpx;
				color: #333333;
				
				.oneMoreTime {
					color: #E01327;
				}
			}
			
			
			//分享给微信好友
			.shareWx-Container {
				position: absolute;
				bottom: 130rpx;
				left: 50%;
				margin-left: -256rpx;
				width: 512rpx;
				height: 84rpx;
				
				.shareWxBtn {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
				}
				
				.shareWxText {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					line-height: 84rpx;
					text-align: center;
					font-size: 36rpx;
					color: #C35E07;
				}
				
				button {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
				}
			}
			
			//一刀暴击&即将砍成
			.bargainFullTip {
				position: absolute;
				top: 256rpx;
				right: 108rpx;
				width:120rpx;
				height:40rpx;
				line-height: 40rpx;
				text-align: center;
				font-size: 24rpx;
				color: #FFFFFF;
				background:rgba(253,141,7,1);
				box-shadow:0px 5rpx 10rpx 0px rgba(82,82,82,0.1);
				border-radius:20rpx 20rpx 20rpx 0px;
			}
		}
		
		.closeBtn {
			position: absolute;
			right: 66rpx;
			bottom: 50%;
			margin-bottom: 338rpx;
			width: 56rpx;
			height: 56rpx;
		}
	}
	
	
	/deep/.uni-countdown {
		// display: inline-block;
	}
	/deep/.uni-countdown__number {
		margin: 0;
		width: auto;
	}
	/deep/.uni-countdown__splitor {
		padding: 0;
		color: #E01327 !important;
	}
</style>



